Skip to content

fix: address the misbehaving negative margin issue for Banner#383

Merged
haoruikun-cb merged 3 commits intomasterfrom
harry/banner-margin-fix
Feb 10, 2026
Merged

fix: address the misbehaving negative margin issue for Banner#383
haoruikun-cb merged 3 commits intomasterfrom
harry/banner-margin-fix

Conversation

@haoruikun-cb
Copy link
Contributor

…w customer to override the widht

What changed? Why?

  • enabled customer to override the width prop so they can explicitly pass in a calculated width for any bleed effect.
image

Root cause (required for bugfixes)

UI changes

iOS Old iOS New
old screenshot new screenshot
Android Old Android New
old screenshot new screenshot
Web Old Web New
old screenshot new screenshot

Testing

How has it been tested?

  • Unit tests
  • Interaction tests
  • Pseudo State tests
  • Manual - Web
  • Manual - Android (Emulator / Device)
  • Manual - iOS (Emulator / Device)

Testing instructions

Illustrations/Icons Checklist

Required if this PR changes files under packages/illustrations/** or packages/icons/**

  • verified visreg changes with Terran (include link to visreg run/approval)
  • all illustration/icons names have been reviewed by Dom and/or Terran

Change management

type=routine
risk=low
impact=sev5

automerge=false

@cb-heimdall
Copy link
Collaborator

cb-heimdall commented Feb 9, 2026

✅ Heimdall Review Status

Requirement Status More Info
Reviews 1/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 1
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1
CODEOWNERS ✅ See below

CODEOWNERS

Code Owner Status Calculation
ui-systems-eng-team 1/1
Denominator calculation
Additional CODEOWNERS Requirement
Show calculation
Sum 0
0
From CODEOWNERS 1
Sum 1

styleVariant="contextual"
title="Bleeding banner"
variant="informational"
width="calc(100% + var(--space-4))"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we do width="auto"? That should work for most cases

Copy link
Contributor

@hcopp hcopp left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code changes look great to me. We can wait for @maximo-macchi-cb tomorrow since he started the discussion initially.

@haoruikun-cb haoruikun-cb merged commit 73b3508 into master Feb 10, 2026
28 checks passed
@haoruikun-cb haoruikun-cb deleted the harry/banner-margin-fix branch February 10, 2026 20:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

4 participants